<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--
        	div: 一个容器盒子，也可以用来装其他的内容
        	br 换行、
        -->
		<div>
			<h3 title="这是个提示标签">heelo 013团队</h3>
			<p>
			013是一个牛逼的团队		013是一个牛逼的团队	013是一个牛逼的团队	<br/>013是一个牛逼的团队	013是一个牛逼的团队	013是一个牛逼的团队			
			</p>
			<!--
            	img src;(source) 是指向要显示图片的路径
            	alt. 当图片加载失败时才会显示
            -->
            <!--
            	标签按照特性可以分为 （重点）
            	行内标签： 占自身内容大小的位置。
            	块级标签：总是占满整行（爸爸的整行）
            	行内块级标签： （如，img ，它即具有块级标签的设定，又有其它非块级元素保持同一行的属性）
            -->
            <!--
            	html里面路径展示方式：
            	1. 相对路径
            	 ../ 表示出来一层文件夹
            	 ./ 表示在当前文件夹下面。
            	 name/ 表示进入name文件夹里面
            	 2.  绝对路径： 表示的是路径的完整信息
            	 
            	 跳转时制作另一个网页跳转  元素 （target="_blank）
            -->
            <!--
            	href属性： 指定了点击超链接文字所要跳转的页面、
            	target 属性指定了新文件打开目标位置。
            	title属性：  鼠标悬停上面的提示语句。
            	在  元素下添加   title  点击文字  会有提示
            -->
            <!--
            	锚点的跳转
            -->
            <!--
            	 ul>li{$@-}*20--
            	无序列表  (ui 跟  li  标签，联接使用)
            	type= circle  空心
            	有序列表
            	自定义列表
            -->
            
            <ul type="disc" style="list-style: none;">
            	<li>印度撤离中过边界</li>
            	<li>连负</li>
            	<li>BGG神教.一统江湖</li>
            </ul>
            <ol type="1" start="123" reversed="reversed">
            	<li>印度撤离中过边界</li>
            	<li>连负</li>
            	<li>BGG神教.一统江湖</li>
            </ol>
            <!--
            	dt: 表示列表的标题
            	dd： 表示具体的内容部分
            -->
            <dl>
            	<dt>这是什么</dt>
            	<dd>原来是这个东西</dd>
            	<dd>原来是这个东西</dd>
            	<dd>原来是这个东西</dd>
            	<dd>原来是这个东西</dd>
            	<dt>这是什么</dt>
            	<dd>原来是这个东西</dd>
            	<dd>原来是这个东西</dd>
            	<dd>原来是这个东西</dd>
            	<dd>原来是这个东西</dd>
            </dl>
            <!--
            table（表格） 中
              tr代表行
              td 代表单元格
              border:规定表格边框的厚度值
              width 设置表格的宽带值
              alingn 设置表格对齐的方式
              cellspacing 设置单元格之间的间距
              cellpadding 设置单元格的内边距（文字距离单元格边框的距离）
              clospan. 合并行之间单元格，
              rowspan . 列之间的合并
              <body background="bg.jpg"> 
            -->
            <table bgcolor="aqua" align="center" width="300"  border="1" cellspacing="0" cellpadding="10">
            	<tr>
            		<samp></samp><td colspan="2">1</td>
            		<!--<td>2</td>-->
            		<td rowspan="2">3</td>
            		</samp>
            	</tr>
            	
            	<tr>
            		<td>4</td>
            		<td>5</td>
            		<!--<td>6</td>-->
            	</tr>
            	<tr>
            		<td >7</td>
            	    <td colspan="2">8</td>
            		<td>9</td>
            	</tr>
            	
            </table>
            <br/>
              <br/>
                <br/>
            
            <table align="center" width="300"  border="1" cellspacing="0" cellpadding="10">
            	<tr>
            		<td colspan="3">1</td>
            		<!--<td>2</td>
            		<td>3</td>-->
            		
            	</tr>
            	<tr>
            		<td height="200" rowspan="4">4</td>
            		<td rowspan="4">5</td>
            		<td rowspan="4">6</td>
            		
            	</tr>
            	<tr>
            		<!--<td>7</td>
            		<td>8</td>
            		<td>9</td>-->
            		
            	</tr>
            	<tr>
            		<!--<td>10</td>
            		<td>11</td>
            		<td>12</td>-->
            		
            	</tr>
            	<tr>
            		<!--<td>13</td>
            		<td>14</td>
            		<td>15</td>-->
            		
            	</tr>
            </table>
            <br/>
            <br/>
            <br/>
            <img src="../img/tes/1.jpg.jpg" alt="这是课堂图片"  width="200" height="300"/>
            <img src="../img/2.jpg.jpg" alt="片"/>
            <a href="http://www.baidu.com" target="-black"></a>
            <img src="https://static.maizuo.com/pc/v5/usr/movie/be39f03cbceee9575e58a5ff79bd8a54.jpg" alt=""/>
            <a href="https://daohang.qq.com/?fr=hmpage">这是一个a标签</a>
            <a href="https://www.hao123.com/?tn=97974706_hao_pg" target="_blank">随便</a>
            <a href="#qaq">跳过去</a>
            <span>随便点。</span>
            <ul>
            	<li>1</li>
            	<li>2</li>
            	<li>3</li>
            	<li>4</li>
            	<li>5</li>
            	<li>6</li>
            	<li>7</li>
            	<li>8</li>
            	<li>9</li>
            	<li>10</li>
            </ul>
            	<div id="qaq"> 
            	跳过来
            	</div>
            </ul>
		</div>
	</body>
</html>
